<extend name="default/public/common" />
<block name="main">
    <div class="main">
        <div class="banner banner-rank" style="background:url(__img__/rank-bg.png)">
            <div class="container-fixed">
                <div class="banner-box">
                    <h2>第2赛季排行榜</h2>
                    <hr>
                    <p>在这里，你可以一览全球顶尖白帽子的风采，同时每月都有源源不断的新生力量涌现。<br>是他们，正在让整个互联网更安全。</p>
                </div>
            </div>
        </div>
        <div class="rank">
            <div class="container-fixed">
                <div class="rank-heading">
                    <div class="title-match">
                        <h3>TOP10排行榜 <p><i class="icon icon-info-sign text-muted"></i> 积分计算，每日更新</p></h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4">
                        <div class="panel">
                            <div class="rank-logo">
                                <img src="__img__/rank-cs.png" alt="">
                                <span>传说Top10榜单</span>
                            </div>
                            <table class="table rank-table">
                                <thead>
                                    <tr>
                                        <th class="text-center">排行</th>
                                        <th>昵称</th>
                                        <th class="text-center">积分</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <volist name="cslist" id="vo" key="k">
                                        <tr>
                                            <td class="text-center">
                                                <if condition="$k eq '1'">
                                                    <img src="__img__/rank-no1.png">
                                                    <elseif condition="$k eq '2'" />
                                                    <img src="__img__/rank-no2.png">
                                                    <elseif condition="$k eq '3'" />
                                                    <img src="__img__/rank-no3.png">
                                                    <else /> {$k}
                                                </if>
                                            </td>
                                            <td class="member-name">
                                                <a href="#"><img src="{$vo.avatar|getImgidpath}" class="img-circle" alt=""></a>
                                                <a href="#" class="text-muted">{$vo.nickname}</a>
                                            </td>
                                            <td class="text-center">{$vo.rank}</td>
                                        </tr>
                                    </volist>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="panel">
                            <div class="rank-logo">
                                <img src="__img__/rank-zs.png" alt="">
                                <span>钻石Top10榜单</span>
                            </div>
                            <table class="table rank-table rank-table2">
                                <thead>
                                    <tr>
                                        <th class="text-center">排行</th>
                                        <th>昵称</th>
                                        <th class="text-center">积分</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <volist name="zslist" id="vo" key="k">
                                        <tr>
                                            <td class="text-center">
                                                <if condition="$k eq '1'">
                                                    <img src="__img__/rank-no1.png">
                                                    <elseif condition="$k eq '2'" />
                                                    <img src="__img__/rank-no2.png">
                                                    <elseif condition="$k eq '3'" />
                                                    <img src="__img__/rank-no3.png">
                                                    <else /> {$k}
                                                </if>
                                            </td>
                                            <td class="member-name">
                                                <a href="#"><img src="{$vo.avatar|getImgidpath}" class="img-circle" alt=""></a>
                                                <a href="#" class="text-muted">{$vo.nickname}</a>
                                            </td>
                                            <td class="text-center">{$vo.rank}</td>
                                        </tr>
                                    </volist>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="panel">
                            <div class="rank-logo">
                                <img src="__img__/rank-hj.png" alt="">
                                <span>黄金Top10榜单</span>
                            </div>
                            <table class="table rank-table rank-table3">
                                <thead>
                                    <tr>
                                        <th class="text-center">排行</th>
                                        <th>昵称</th>
                                        <th class="text-center">积分</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <volist name="hjlist" id="vo" key="k">
                                        <tr>
                                            <td class="text-center">
                                                <if condition="$k eq '1'">
                                                    <img src="__img__/rank-no1.png">
                                                    <elseif condition="$k eq '2'" />
                                                    <img src="__img__/rank-no2.png">
                                                    <elseif condition="$k eq '3'" />
                                                    <img src="__img__/rank-no3.png">
                                                    <else /> {$k}
                                                </if>
                                            </td>
                                            <td class="member-name">
                                                <a href="#"><img src="{$vo.avatar|getImgidpath}" class="img-circle" alt=""></a>
                                                <a href="#" class="text-muted">{$vo.nickname}</a>
                                            </td>
                                            <td class="text-center">{$vo.rank}</td>
                                        </tr>
                                    </volist>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</block>
